@keyframes spin {
	0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.5);
    }
	100% {
        transform: scale(1.0);
	}
}
body {
    background-color: black;
}
.navBTN {
    background-color: black;
    color: blue;
    padding:0;
    border:0;
    font-size: 1.0rem;
    opacity: 1;
}
.formipt {
    border: 2px;
    border-color: green;
}
.submitButton {
    border: 2px;
    border-color: green;
}
.navBTN:hover {
    border: 2px;
    transform: scale(1.5);
}
.navBTN:active {
    border: 2px;
}

.myNav {
    padding-top: 2%;
}
.spinny:hover {
    animation: spin 1s linear infinite;
}

.parallax-window {
    min-height: 1950px;
    background: transparent;
}
#homepageHolder {
    min-height: 0;
}
#aboutmeholder {
    padding-top: 2%;
    background-color: transparent;
    width: 100%;
}

.cardImage {
    height: 250px;
}

#mainName {
    display: inline-block;
    font-size: 3.5rem;
    font-weight: bolder;
    border-color: green;

}
.nameDiv {
    text-align: center;
    color: white;
}

#jumboContainer {
    background-color: #607d8b;
}
.jumboHeader {
    color: white;
}

.projPic {
    height: 100px;
    width: 100px;
}

.projCard {
    display:inline-block;
    margin: 10px;
}
/* 
header {
    background:#7293A0;
    width:100%; 
    margin: 0;
}
.topBar {
    float: left;
    width: 7%;
    margin-top: 2%;
    color:white;
    text-decoration: none;
    border: 1px;
    border-style: solid;
    border-color: black;
    padding: 1%;
    margin-right:.5%;
    background: #45B69C;
}
#name {
    float: left;
    width: 15%;
    background: #06D6A0;
    margin-left: 10%;
    margin-right: 35%;
    padding: 20px;
}

body {
    background: #A0A4B8;
    margin: 0;
}
.clearfix::after {
    content: "";
    display:block;
    clear:both;
  }

  #aboutMe {
      color: black;
  }
#aboutMeBlock {
    background: #D8DDEF;
    margin-top:5%;
    margin-bottom:15%;
    margin-left:20%;
    margin-right:20%;
    padding:2%;
    height: 400px;         
    width:60%;
}

#aboutMeImage {
    float:left;
    height:100px;
    width:100px;
}

#underTopBar {
    background: #A0A4B8;
}

#tophr {
    border-color:black;
    margin: 0;
}

footer {
    background:white;
    text-align:center;
    width: 100%;
    padding: 1px;
}

.wrapper {
    min-height:100%;
    display:grid;
    grid-template-rows: auto 1fr auto;
}

.submitButton {
    padding: 3px;
    border: 2px;
    border-style: solid;
    border-color: black;
    background:#06D6A0;
    color:white;
}

.portObj {
    height:100px;
    width: 100px;
    margin: 5px;
}

.portObjHolder {
    position: relative;
}

.picText {
position: absolute;
  bottom: 5px;
  left: 35px;
  background-color: black;
  color: white;
}

@media only screen and (max-width: 1024px) {
    .topBar {
        width: 99%;
    }
    #name {
        width: 99%;
        margin: 0px;
        text-align: center;
    }
} */